import LogItem from "./LogItem/LogItem";
import Card from "../UI/Card/index";
import "./Logs.css";
const Logs = (props) => {

    const logItemData = props.logData.map(item => {
        return (
            <LogItem key={item.id} {...item} />
        );
    })
    return (
        <Card className="logs">
            {
                logItemData
            }

        </Card>
    )
}
export default Logs;